@media screen and (max-width: 1080px) {
  

    /***** Structure *****/
    #jawSocks {
        position: relative;
        width: auto;
        height: auto;
    }
    #jawSocks {
        display: grid;
        grid-auto-rows: auto 450px;
    }

    /***** Details *****/
    #jawSocksDetails {
        background-image: url('https://jawboxing.com/wp-content/uploads/2025/06/D434BE04-7D8D-4F1A-86C6-C0F615A6CC6A.webp');
        background-size: cover;
    }
    #jawSocksDetailsInner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 30px;
    }
    #jawSocksDetailsInner {
        z-index: 2;
    }
    #jawSocksDetailsInner {
        margin: 20% 30px;
    }

    /***** Header *****/
    #jawSocksHeader {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 5px;
    }
    #jawSocksHeader h2, #jawSocksHeader h5 {
        text-align: left;
        color: #000;
    }
    #jawSocksHeader h2 {
        font-family: 'title-font';
        font-size: 40px;
        font-weight: 400;
    }
    #jawSocksHeader h5 {
        font-family: 'aesthetic-font';
        font-size: 20px;
    }

    /***** Features *****/
    #jawSocksFeatures {
        display: grid;
        grid-template-columns: 45% 45%;
        gap: 10%;
    }
    #jawSocksFeatures div {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    #jawSocksFeatures div h4, #jawSocksFeatures div p {
        font-size: 14px;
        text-align: left;
        color: #000;
    }
    #jawSocksFeatures div h4 {
        font-family: 'bold-font';
        font-weight: 400;
    }
    #jawSocksFeatures div p {
        font-family: 'content-font';
    }
    #jawSocksFeatures div h4 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }
    #jawSocksFeatures div h4::before {
        content:'';
        display: block;
    }
    #jawSocksFeatures div h4::before {
        width: 15px;
        height: 1px;
    }
    #jawSocksFeatures div h4::before {
        background-color: var(--secondary);
    }

    /***** Button *****/
    #jawSocksDetailsInner a {
        margin-top: 60px;
    }

    /***** Images *****/
    #jawSocks img {
        position: relative;
    }
    #jawSocks img {
        width: 100%;
        height: 100%;
    }
    #jawSocks img {
        object-fit: cover;
        object-position: center;
    }
   

}